﻿<header>
    <div class="content-wrapper">
        <div class="float-left">
            <p class="site-title">
                <a href="~/">ASP.NET Web API</a>
            </p>
        </div>
    </div>
</header>
<div id="body">
    <button data-bind="click: convert">Convert</button>
    <div style="clear:both;"></div>
    <div class="board" style="float:left;">
        <table class="table" border="1">
            <tbody data-bind="foreach: rows">
                <tr data-bind="foreach: cells">
                    <td class="cell" data-bind="css: {selected: state() }">&nbsp;</td>
                </tr>
            </tbody>
        </table>
    </div>    
     <div class="board">
        <table class="resultTable">
            <tbody data-bind="foreach: result">
                <tr data-bind="foreach: cells">
                    <td data-bind="html: state()"></td>
                </tr>
            </tbody>
        </table>
    </div>    
</div>


@section Scripts{
    <script src="~/Scripts/src/viewModel.js"></script>
}
